/**
 * style.css - Website stylesheet
 *
 * NMIT BIT Project - Infinity - A 3D Website using WebGL & HTML5 Technology
 * Infinity Grid Version 
 * Version: 1.0 Beta 2
 *
 * Author: William Liu <qzliuyuzou@gmail.com> <lyzdev@gmail.com>
 *
 * Required Server Version:
 *  PHP5 or higher
 *  MySQL 5 or higher
 *
 * Required Browser Version:
 *  Google Chrome 9 or higher
 *  Mozilla Firefox 4 Beta or higher
 *  *Apple Safari
 *
 * Copyright (c) 2011, William Liu All rights reserved.
 * Infinity is an open source 3D website project
 * Under Apache License 2.0
 * http://www.lyzsoft.cn
 * http://7cloud.wordpress.com
 *
 * Project Starting date: 9/3/2011
 * Update Date 1: 19/3/2011
 * Update Date 2: 5/4/2011 -- WebGL Cloud Test Style added
 * Update Date 3: 6/4/2011
 * Update Date 4: 5/5/2011 -- CSS modify, add CSS3 styles: eg. shadow and border radius
 * Update Date 5: 5/6/2011 - Beta 2
 *
**/
body{
	font-family: "Arial", "Helvetica", "Nimbus Sans L", sans-serif;
	background: #474c52 url("images/background.jpg") center center fixed;
	margin: 0px;
	overflow-x: hidden;
	overflow-y: auto;
	font-size:14px;
	text-align:center;
	/*font-weight: bold;*/
	line-height: 1.4em;
	}
h1 {
	font-family: "Segoe UI";
	font-size: 2em;
	}
#footer {
	font-family: "Segoe UI";
	font-size: 13px;
	color: #B6BCC1;
	}
#logo a {
	text-decoration: none;
	color:#FFF;
	text-shadow: 0 0 6px white
	}
#logo a:hover {
	text-decoration: none;
	color: #A1FF66;
	}
a {
	text-decoration: none;
	color:#C5E2B5;
	text-shadow: 0 0 3px #51555c;
	}
a:hover {
	text-decoration: none;
	color: #A1FF66;
	text-shadow: 0 0 3px #C5E2B5;
	}
.content{
	width:960px;
	margin:30px auto; 
	color:#51555c;
	}
.content h3{
	text-align:left;
	height:22px;
	/*
	float:left;
	line-height:35px;
	*/
	font-size:18px;
	color: #5FA8FF;
	text-shadow: 0px 0px 10px #4D76BB;
	}
.counter {
	float:right;
	font-size:30px;
	font-family:Georgia,serif;
	color:#A1FF66;
	overflow:hidden;
	height: 40px;
	text-shadow: 0 0 5px white;
	}
.warning {
	float:right;
	font-size:18px;
	font-family:Georgia,serif;
	color:#CA5140;
	overflow:hidden;
	}

/*
.content span {
	width: 50px;
	font-family:Georgia,serif;
	color:#A1FF66;
	overflow:hidden;
	}
.content h3 span{
	float:right;
	font-size:30px;
	font-family:Georgia,serif;
	color:#A1FF66;
	overflow:hidden
	}
	*/
.input{
	float:left;
    height:70px;
    padding:5px;
    width:78%;
	overflow:auto;
	
	/*CSS3 style: border radius*/
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	
	/*
	width:596px; 
	height:100px; 
	margin:5px 0 10px 0; 
	padding:4px 2px; 
	border:1px solid #aaa; 
	font-size:12px; 
	line-height:18px; 
	overflow:hidden
	*/
	}
.push{
	cursor:pointer;
	float:right;
	font-family: "Segoe UI","Microsoft YaHei";
	font-size:18px;
	padding:27px 0px;
	width:15%;
	
	/*CSS3 style: border radius*/
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	
	/*CSS3 style: shadow*/
	-moz-box-shadow:0 0 1px #CCCCCC;
    -webkit-box-shadow:0 0 1px #CCCCCC;
    background-image:-moz-linear-gradient(center top , #F8F8F8, #E8E8E8);
    background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0, #F8F8F8),color-stop(1, #E8E8E8));
    border:1px solid #D2D2D2;
    color:#808080;
    text-shadow:0 -1px #333333, 0 1px #FFFFFF;
	
	/*
	float:right; 
	width:94px; 
	height:28px;
	*/
	}

/* ---------Highlight input boxes--------- */
input[type="text"]:focus, input[type="password"]:focus, textarea:focus 
{
	outline:none;
	border:1px solid rgba(82,168,236,.75)!important;
	-moz-box-shadow:0 0 10px rgba(82,168,236,.5);
	-webkit-box-shadow:0 0 10px rgba(82,168,236,.5);
	-o-box-shadow:0 0 10px rgba(82,168,236,.5);
	box-shadow:0 0 10px rgba(82,168,236,.5);
	}

input[type="checkbox"]:focus,input[type="submit"]:focus,input[type="reset"]:focus, input[type="radio"]:focus 
{
	outline: 1px solid rgba(82,168,236,.75) !important; 
	}
/* ---------Highlight input boxes--------- */
	
.clear{
	clear:both;
	}
.msglist{
	border-spacing: 0;
	border-color: #666;
	width: 100%;
	clear: both;
	margin: 0;
	word-break: break-word;
	
	/*CSS3 style: border radius*/
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	}
.msglist img{
	width:50px;
	margin:4px;
	}
.comment{
	float:right; 
	width:890px; 
	overflow:hidden;
	color: #D2D8DE;
	line-height:1.1em;
	}
.comment p{
	word-wrap: break-word;
	overflow:hidden;
	color: #D2D8DE;
	}
.comment p strong{	
	margin-right:6px;
	}
.date{
	float:right;
	color:#C5E2B5;
	}
	/*
.inact, .inact:hover{
	background:#f5f5f5; 
	border:1px solid #eee; 
	color:#aaa; 
	cursor:auto;
	}
	*/
#msg{
	color:#f30;
	}
#login div{
	color:#A1FF66;
	text-shadow: 0 0 5px white;
	}
#reg div{
	color:#A1FF66;
	text-shadow: 0 0 5px white;
	}
.loginmsg{
	color: #A1FF66;
	}
	
	
table, tbody, tfoot, tr, th, td{
	/*margin: 0;*/
	padding: 0;
	border: 0;
	outline: 0;
	/*background: transparent;*/
	text-align: left;
	border-bottom: 1px solid #5FA8FF;
	}
.commentlist{
	
	border-width: 1px;
	border-style: solid;
	border-spacing: 0;
	border-color: #666;
	width: 100%;
	clear: both;
	margin: 0;
	word-break: break-word;
	
	/*CSS3 style: border radius*/
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	}

.commentlist td{
	padding: 3px 7px;
	}
.commentlist td th{
	display: table-cell;
	font-size: 13px;
	border-color: #DFDFDF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	}
.msgmanagetitle{
	text-align: center;
	}
.author{
	padding-bottom: 5px;
	padding-top: 2px;
	vertical-align: top;
	}
.msg p{
	width: 860px;
	word-wrap: break-word;
	overflow: hidden;
	color: white;
	line-height: 1.4em;
	}
.msgadmin p{
	width: 755px;
	word-wrap: break-word;
	overflow: hidden;
	color: white;
	line-height: 1.4em;
	}
.delbtn{
	width: 10%;
	}
.delbtn a{
	min-width: 80px;
	text-align: center;
	line-height: 15px;
	padding: 30px 15px;

	/*CSS3 style: border radius*/
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	
	/*CSS3 style: shadow*/
	-moz-box-shadow: 0 0 1px #CCCCCC;
    -webkit-box-shadow: 0 0 1px #CCCCCC;
    background-image: -moz-linear-gradient(center top , #F8F8F8, #E8E8E8);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #F8F8F8),color-stop(1, #E8E8E8));
    border: 1px solid #D2D2D2;
    color: red;
	}
.commentheadbar tr{
	height: 50px;
	color: #B7E717;
	}	

/*
.aploading{
background:url(i/ajaxload.gif) no-repeat left center;
padding-left:60px;
margin-left:15px;
padding-top:2px;
font-weight:bold;
font-style:italic;
}
*/

/*
.submitbutton #submit:hover{
border-color: #999;
color: #444;
}
*/
/*
#main{
	position:absolute;
    z-index:99999;
	}
*/